<%@ page import="com.y4oung.model.User" %>
<%@ page import="java.util.List" %>
<%@ page import="com.y4oung.model.Business" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<!--login-->
<link rel="stylesheet" type="text/css" href="../static/css/ui2.css?2013032917">
<!-- login popup-->
<link rel="stylesheet" href="../css/login/bootstrap1.css">
<!--layui顶部导航-->
	<link rel="stylesheet" href="../layui/css/layui.css">
<!--search css-->
<link rel="stylesheet" type="text/css" href="../css/search/normalize.css" />
<link rel="stylesheet" href="../css/search/font-awesome.min.css">
<link rel="stylesheet" href="../css/search/style3.css">
<link rel="stylesheet" href="../css/search/jquery.bigautocomplete.css">

<link rel="icon" href="../images/favicon.ico">
<link rel="shortcut icon" href="../images/favicon.ico" />
<link rel="stylesheet" href="../css/stuck.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/touchTouch.css">
<link rel="stylesheet" href="../css/yummy.css">

<!-- FlexSlider -->
<link rel="stylesheet" href="../css/home/flexslider.css" type="text/css" media="screen" />

<!--menu-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
<link rel="stylesheet" href="../css/home/style4.css" />

<!-- Theme style  -->
<link rel="stylesheet" href="../css/home/style2.css">

<!--star-->
<link rel="stylesheet" href="../css/star.css" />
<link rel="stylesheet" href="../layui/css/layui.css" />


<script src="../js/starScore.js"></script>

<style>
	
	/*星星样式*/

	.block{ 
		width:100%; 
		margin:0 0 20px 0; 
		line-height:21px;
	}
	.block .star_score{ 
		float:left;
	}
	.star_list{
		height:21px;
		margin:50px; 
		line-height:21px;
	}
	.block p,.block .attitude{ 
		padding-left:20px; 
		line-height:21px; 
		display:inline-block;
	}
	.block p span{ 
		color:#C00; 
		font-size:16px; 
		font-family:Georgia, "Times New Roman", Times, serif;
	}

	.star_score { 
		background:url(../images/stark2.png);
		width:160px; 
		height:21px;  
		position:relative; 
	}

	.star_score a{ 
		height:21px; 
		display:block; 
		text-indent:-999em; 
		position:absolute;
		left:0;
	}

	.star_score a:hover{ 
		background:url(../images/stars2.png);
		left:0;
	}

	.star_score a.clibg{ 
		background:url(../images/stars2.png);
		left:0;
	}

	#starttwo .star_score { 
		background:url(../images/starky.png);
	}

	#starttwo .star_score a:hover{ 
		background:url(../images/starsy.png);
		left:0;
	}

	#starttwo .star_score a.clibg{ 
		background:url(../images/starsy.png);
		left:0;
	}

	/*星星样式*/

	.show_number li{ 
		width:240px; 
	}

	.atar_Show{
		background:url(../images/stark2.png); 
		width:160px; height:21px;  
		position:relative; 
		float:left; 
	}

	.atar_Show p{ 
		background:url(../images/stars2.png);
		left:0; 
		height:21px; 
		width:134px;
	}

	.show_number li span{ 
		display:inline-block; 
		line-height:21px;
	}

</style>

</head>

<body class="layui-layout-body">
<div  id="stuck_container" class="layui-layout layui-layout-admin">
	<div class="layui-header">
		<div class="layui-logo"><a href="/j2ee/user/home" style="color: #009688;">Yummy</a></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->
		<ul class="layui-nav layui-layout-left">
			<li class="layui-nav-item"><a href="/j2ee/user/showGallery.do">Gallery</a></li>
			<li class="layui-nav-item"><a href="">Reservation</a></li>
			<li class="layui-nav-item"><a href="/j2ee/user/showContact.do">Contacts</a></li>
			<%--<li class="layui-nav-item">--%>
				<%--<a href="javascript:;">其它</a>--%>
				<%--<dl class="layui-nav-child">--%>
					<%--<dd><a href="">邮件管理</a></dd>--%>
					<%--<dd><a href="">消息管理</a></dd>--%>
					<%--<dd><a href="">授权管理</a></dd>--%>
				<%--</dl>--%>

			<%--</li>--%>

			<li class="layui-nav-item" style="margin-left: 20px"><input placeholder="搜索餐厅、菜名等" value="" class="layui-input" type="text" style="height: 30px;padding-left: 12px;background-color: #424652;background-color: rgba(255,255,255,.05);border: none 0;color: #fff;font-size: 12px"></li>
		</ul>
		<ul class="layui-nav layui-layout-right">
			<%if(request.getSession().getAttribute("user")==null){ %>
			<li class="layui-nav-item"><a href="/j2ee/user/toLogin.do">Log in</a></li>
			<%}else{ %>
			<li class="layui-nav-item">
				<% User u = (User)request.getSession().getAttribute("user"); %>
				<a href="javascript:;">
					<img src="<%=u.getIcon() %>" class="layui-nav-img">
					<%out.print(u.getName()); %>
				</a>
				<dl class="layui-nav-child">
					<dd><a href="/j2ee/user/showUser.do">基本资料</a></dd>
					<dd><a href="">安全设置</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item"><a href="/j2ee/user/logout.do">Logout</a></li>
			<%} %>
		</ul>
	</div>
</div>
<!--==============================
              header
=================================-->
<header>
<!--==============================
            Stuck menu           
=================================-->

  <section class="head_section" style="top:34px!important;">
    <div class="container">
      <div class="row">
        <div class="grid_12" style="margin-left: 45px">
        <h1>
          <a href="/j2ee/user/home">
            <img src="../images/logo1.png" alt="Logo alt">
          </a>
        </h1>
          <div class="navigation">
            <nav>
                <div style="margin-left: 13px;"class="search d1">
                    <form method="post" action="/j2ee/search/mainSearch.do">
                      <input id="search" name="content" type="text" onfocus='this.value=""' placeholder="Search……">
                      <button type="submit" id="search_btn"></button>
					</form >
                    </div>
            </nav>
            <div class="clear"></div>
          </div>
        </div>
      </div>
    </div>
  </section>
</header>

<!--=====================
          Content
======================-->
<div class="container">
	
 <div id="big_banner_wrap">
	 <ul id="banner_menu_wrap">
		 <li class="active">
			 <a style="font-size:18px;">Category</a>
			 <a class="banner_menu_i">&gt;</a>
			 <div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -20px;">
				 <ul class="banner_menu_content_ul">
						<li >
								<a style="margin-left:20px; font-size:18px;">菜系</a>
								<a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
						</li>
					  <li style="margin-top:10px;">
						    <a style="margin-left:20px; font-size:13px; ">京菜</a>
								<a style="margin-left:100px; font-size:13px;">粤菜</a></li>							
						<li>
								<a style="margin-left:20px; font-size:13px; ">湘菜</a>
								<a style="margin-left:100px; font-size:13px; ">新疆菜</a></li>
						<li>
								<a style="margin-left:20px; font-size:13px; ">川菜</a>
								<a style="margin-left:100px; font-size:13px; ">鲁菜</a></li>
						<li>
									<a style="margin-left:20px; font-size:13px; ">烧烤</a>
									<a style="margin-left:100px; font-size:13px; ">西餐</a></li>
						<li>
									<a style="margin-left:20px; font-size:13px; ">日料</a>
									<a style="margin-left:100px; font-size:13px; ">韩餐</a></li>
				 </ul>
			 </div>
		 </li>
		 <li class="active">
			<a style="font-size:18px;">Area</a>
			<a class="banner_menu_i">&gt;</a>
			<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -82px;">
				<ul class="banner_menu_content_ul">
					 <li>
							 <a style="margin-left:20px; font-size:18px;">地区</a>
							 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
					 </li>
					 <li style="margin-top:10px;">
							 <a style="margin-left:20px; font-size:13px; ">海淀区</a>
							 <a style="margin-left:80px; font-size:13px;">朝阳区</a></li>							
					 <li>
							 <a style="margin-left:20px; font-size:13px; ">东城区</a>
							 <a style="margin-left:80px; font-size:13px; ">西城区</a></li>
					 <li>
							 <a style="margin-left:20px; font-size:13px; ">丰台区</a>
							 <a style="margin-left:80px; font-size:13px; ">石景山区</a></li>
							 <li>
								<a style="margin-left:20px; font-size:13px; ">通州区</a>
								<a style="margin-left:80px; font-size:13px; ">昌平区</a></li>
				</ul>
			</div>
		</li>
		<li class="active">
			<a style="font-size:18px;">Environment</a>
			<a class="banner_menu_i">&gt;</a>
			<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -144px;">
				<ul class="banner_menu_content_ul">
					 <li>
							 <a style="margin-left:20px; font-size:18px;">环境</a>
							 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
					 </li>
					 <li style="margin-top:10px;">
							 <a style="margin-left:20px; font-size:13px; ">闺蜜约会</a>
							 <a style="margin-left:80px; font-size:13px; ">朋友聚餐</a></li>							
					 <li>
							 <a style="margin-left:20px; font-size:13px; ">家庭聚餐</a>
							 <a style="margin-left:80px; font-size:13px; ">工作餐</a></li>
					 <li>
							 <a style="margin-left:20px; font-size:13px; ">休闲小憩</a>
							 <a style="margin-left:80px; font-size:13px; ">约会圣地</a></li>
				</ul>
			</div>
			<li class="active">
				<a style="font-size:18px;">Price</a>
				<a class="banner_menu_i">&gt;</a>
				<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -206px;">
					<ul class="banner_menu_content_ul">
						 <li>
								 <a style="margin-left:20px; font-size:18px;">均价</a>
								 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
						 </li>
						 <li style="margin-top:10px;">
								 <a style="margin-left:20px; font-size:13px; ">50以下</a>
								 <a style="margin-left:90px; font-size:13px;">50-100</a></li>							
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">100-300</a>
								 <a style="margin-left:82px; font-size:13px; ">300以上</a></li>
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">特价</a>
								 <a style="margin-left:105px; font-size:13px; ">高档</a></li>
					</ul>
				</div>
			</li>
			<li class="active">
				<a style="font-size:18px;">Distance</a>
				<a class="banner_menu_i">&gt;</a>
				<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -268px;">
					<ul class="banner_menu_content_ul">
						 <li>
								 <a style="margin-left:20px; font-size:18px;">距离</a>
								 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
						 </li>
						 <li style="margin-top:10px;">
								 <a style="margin-left:20px; font-size:13px; ">附近</a>
								 <a style="margin-left:103px; font-size:13px;">500m</a></li>							
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">1000m</a>
								 <a style="margin-left:90px; font-size:13px; ">2000m</a></li>
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">5000m</a>
								 <a style="margin-left:90px; font-size:13px; ">>5000m</a></li>
					</ul>
				</div>
			</li>
			<li class="active">
				<a style="font-size:18px;">Hot area</a>
				<a class="banner_menu_i">&gt;</a>
				<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -330px;">
					<ul class="banner_menu_content_ul">
						 <li>
								 <a style="margin-left:20px; font-size:18px;">热门商区</a>
								 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
						 </li>
						 <li style="margin-top:10px;">
								 <a style="margin-left:20px; font-size:13px; ">三里屯</a>
								 <a style="margin-left:80px; font-size:13px;">国贸</a></li>							
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">中关村</a>
								 <a style="margin-left:80px; font-size:13px; ">五道口</a></li>
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">王府井</a>
								 <a style="margin-left:80px; font-size:13px; ">望京</a></li>
							<li>
									<a style="margin-left:20px; font-size:13px; ">西直门</a>
									<a style="margin-left:80px; font-size:13px; ">西单</a></li>
					</ul>
				</div>
			</li>
			<li class="active">
				<a style="font-size:18px;">More</a>
				<a class="banner_menu_i">&gt;</a>
				<div class="banner_menu_content" style="margin-left:33px;width: 300px; top: -392px;">
					<ul class="banner_menu_content_ul">
						 <li>
								 <a style="margin-left:20px; font-size:18px;">更多</a>
								 <a style="margin-left:20px; font-size:10px; margin-top:-20px;color:rgb(212, 212, 212);">—————————————————————</a>						
						 </li>
						 <li style="margin-top:10px;">
								 <a style="margin-left:20px; font-size:13px; ">外卖</a>
								 <a style="margin-left:100px; font-size:13px;">预订</a></li>							
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">排队</a>
								 <a style="margin-left:100px; font-size:13px; ">点餐</a></li>
						 <li>
								 <a style="margin-left:20px; font-size:13px; ">新店</a>
								 <a style="margin-left:100px; font-size:13px; ">有WI-FI</a></li>
						 <li>
									<a style="margin-left:20px; font-size:13px; ">夜宵</a>
									<a style="margin-left:100px; font-size:13px; ">可停车</a></li>
					</ul>
				</div>
			</li>
	 </ul>
	 <div id="big_banner_pic_wrap">
		 <ul id="big_banner_pic">
			 <li><img src="../img/11.jpg"></li>
			 <li><img src="../img/22.jpg"></li>
			 <li><img src="../img/33.jpg"></li>
		 </ul>
	 </div>
	 <div id="big_banner_change_wrap">
		 <div id="big_banner_change_prev">&lt;</div>
		 <div id="big_banner_change_next">&gt;</div>
	 </div>
 </div>
<div style="text-align:center;"></div>

<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_4">
        <div class="banner">
		  <div class="gall_block">
          <img src="../images/page1_img1.jpg" alt="">
          <div class="bann_capt ">
            <div class="maxheight">
              <img src="../images/icon1.png" alt="">
              <div class="bann_title">Week Popular Restaurants</div>
              <a href="#">more</a>
            </div>
          </div>
        </div>
	   </div>
      </div>
      <div class="grid_4">
        <div class="banner">
		  <div class="gall_block">
          <div class="bann_capt  bn__1">
            <div class="maxheight">
              <img src="../images/icon2.png" alt="">
              <div class="bann_title">Healthy Food Restaurants</div>
              <a href="#">more</a>
            </div>
          </div>
          <img src="../images/page1_img2.jpg" alt="">
        </div>
		</div>
      </div>
      <div class="grid_4">
        <div class="banner ">
		  <div class="gall_block">
          <img src="../images/page1_img3.jpg" alt="">
          <div class="bann_capt  bn__2">
            <div class="maxheight">
              <img src="../images/icon3.png" alt="">
              <div class="bann_title">New<br>Open Restaurants</div>
              <a href="#">more</a>
            </div>
          </div>
		  </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="block1">
          <div class="count">1.</div>
          Vivamus at magna non nunc tristique rhoncus. Aliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsum dolor 
          <br>
          <a href="#" class="btn1">more</a>
        </div>
      </div>
      <div class="grid_4">
        <div class="block1">
          <div class="count">2.</div>
          Dasamus at magna non nunc tristique rhoncus. Kliquam nibh ante, egestas id dictum a, commodo. Praesent faucibus malesuada faucibus. Donec laeet metus id laoreet malesuadarem ipsumer 
          <br>
          <a href="#" class="btn1">more</a>
        </div>
      </div>
      <div class="grid_4">
        <div class="block1">
          <div class="count">3.</div>
          Tervamus at magna non nunc tristique rhoncus. Oliquam nibh ante, egestas id dictum a, commodo. Iraesent faucibus malesuada faucibus. Donec laeet etus id laoreet malesuadarem ipsolo 
          <br>
          <a href="#" class="btn1">more</a>
        </div>        
      </div>
      </div>
    </div>
</section>

<div style="margin-top: -220px;"id="page">
<div class="gtco-section">
  <div class="gtco-container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
        <h2 style="color:rgb(255, 174, 0);font-weight:500;">Recommand Restaurants</h2>
        <p style="margin-bottom: -30px;"> Vous avez eu le bon goût de venir ,a nous de vous faire revenir.</p>
      </div>
    </div>
    <div class="row">
<% List<Business> rclist = (List<Business>)request.getAttribute("recom_list");%>
      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(0).getId()%>"  class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(0).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' "  alt="Image" class="img-responsive">
          </figure>
          <div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
						<h2 style="font-size:25px;" id="b1_name"><%=rclist.get(0).getName()%></h2>
						<ul class="show_number clearfix">								
								<li>
										<div class="atar_Show">
											<p tip="<%=rclist.get(0).getStars()%>"></p>
										</div>
										<span></span>
									 </li>					
						 </ul>				
            <div style="color:rgb(31, 31, 31);font-size:15px;">
							<font><%=rclist.get(0).getCuisine()%></font>
							<font style="margin-left:160px;"><%=rclist.get(0).getType()%></font></div>
							<div style="color:rgb(31, 31, 31);font-size:15px;">
									<font>$<%=rclist.get(0).getP_p_p()%>/per</font></div>
          </div>
        </a>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(1).getId()%>" class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(1).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' " alt="Image" class="img-responsive">
          </figure>
          <div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
							<h2 style="font-size:25px;"><%=rclist.get(1).getName()%></h2>
							<ul class="show_number clearfix">								
									<li>
											<div class="atar_Show">
												<p tip="<%=rclist.get(1).getStars()%>"></p>
											</div>
											<span></span>
										 </li>					
							 </ul>				
							<div style="color:rgb(31, 31, 31);font-size:15px;">
								<font><%=rclist.get(1).getCuisine()%></font>
								<font style="margin-left:160px;"><%=rclist.get(1).getType()%></font></div>
								<div style="color:rgb(31, 31, 31);font-size:15px;">
										<font>$<%=rclist.get(1).getP_p_p()%>/per</font></div>
						</div>
        </a>
      </div>
      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(2).getId()%>" class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(2).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' " alt="Image" class="img-responsive">
          </figure>
          <div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
							<h2 style="font-size:25px;"><%=rclist.get(2).getName()%></h2>
							<ul class="show_number clearfix">								
									<li>
											<div class="atar_Show">
												<p tip="<%=rclist.get(2).getStars()%>"></p>
											</div>
											<span></span>
										 </li>					
							 </ul>				
							<div style="color:rgb(31, 31, 31);font-size:15px;">
								<font><%=rclist.get(2).getCuisine()%></font>
								<font style="margin-left:160px;"><%=rclist.get(2).getType()%></font></div>
								<div style="color:rgb(31, 31, 31);font-size:15px;">
										<font>$100<%=rclist.get(2).getP_p_p()%>/per</font></div>
						</div>
        </a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(3).getId()%>" class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(3).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' "src="../images/img_4.jpg" alt="Image" class="img-responsive">
          </figure>
          <div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
							<h2 style="font-size:25px;"><%=rclist.get(3).getName()%></h2>
							<ul class="show_number clearfix">								
									<li>
											<div class="atar_Show">
												<p tip="<%=rclist.get(3).getStars()%>"></p>
											</div>
											<span></span>
										 </li>					
							 </ul>				
							<div style="color:rgb(31, 31, 31);font-size:15px;">
								<font><%=rclist.get(3).getCuisine()%></font>
								<font style="margin-left:160px;"><%=rclist.get(3).getType()%></font></div>
								<div style="color:rgb(31, 31, 31);font-size:15px;">
										<font>$<%=rclist.get(3).getP_p_p()%>/per</font></div>
						</div>
        </a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(4).getId()%>" class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(4).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' "src="../images/img_5.jpg" alt="Image" class="img-responsive">
          </figure>
          <div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
							<h2 style="font-size:25px;"><%=rclist.get(4).getName()%></h2>
							<ul class="show_number clearfix">								
									<li>
											<div class="atar_Show">
												<p tip="<%=rclist.get(4).getStars()%>"></p>
											</div>
											<span></span>
										 </li>					
							 </ul>				
							<div style="color:rgb(31, 31, 31);font-size:15px;">
								<font><%=rclist.get(4).getCuisine()%></font>
								<font style="margin-left:160px;"><%=rclist.get(4).getType()%></font></div>
								<div style="color:rgb(31, 31, 31);font-size:15px;">
										<font>$<%=rclist.get(4).getP_p_p()%>/per</font></div>
						</div>
        </a>
      </div>

      <div class="col-lg-4 col-md-4 col-sm-6">
        <a href="/j2ee/user/showResInfo.do?r_id=<%=rclist.get(5).getId()%>" class="fh5co-card-item image-popup">
          <figure>
            <div class="overlay"><i class="ti-plus"></i></div>
            <img src="<%=rclist.get(5).getImage()%>" onerror="javascript:this.src='../images/img_1.jpg' " alt="Image" class="img-responsive">
          </figure>
					<div style="text-align:left;margin-bottom:10px;" class="fh5co-text">
							<h2 style="font-size:25px;"><%=rclist.get(5).getName()%></h2>
							<ul class="show_number clearfix">								
									<li>
											<div class="atar_Show">
												<p tip="<%=rclist.get(5).getStars()%>"></p>
											</div>
											<span></span>
										 </li>					
							 </ul>				
							<div style="color:rgb(31, 31, 31);font-size:15px;">
								<font><%=rclist.get(5).getCuisine()%></font>
								<font style="margin-left:160px;"><%=rclist.get(5).getType()%></font></div>
								<div style="color:rgb(31, 31, 31);font-size:15px;">
										<font>$<%=rclist.get(5).getP_p_p()%>/per</font></div>
						</div>
        </a>
      </div>
			<a href="/j2ee/user/showsSearchGallery.do" class="btn1" style="margin-left:500px;">more</a>
    </div>
  </div>
</div>
</div>
</div>
<!--==============================
              footer
=================================-->
<footer id="footer" style="height:150px; background: #aaaaaa;">
  <div class="container" >
    <div class="row" >
      <div class="grid_12" style="margin-bottom:100px;margin-top:50px">
        <div class="socials">
          <a href="#" class="fa fa-twitter"></a>
          <a href="#" class="fa fa-facebook"></a>
          <a href="#" class="fa fa-google-plus"></a>
          <a href="#" class="fa fa-pinterest"></a>
        </div>
        <div class="copyright"><span class="brand">Yummy </span> &copy; <span id="copyright-year"></span> | <a href="#">Privacy Policy</a> <div>More Templates <a href="http://www.cssmoban.com/" target="_blank" title="Yummy">Yummy</a> - Collect from <a href="http://www.cssmoban.com/" title="Yummy" target="_blank">Yummy</a></div>
        </div>
      </div>
    </div>
  </div> 
</footer>

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=c2b4b26c5c4336d5c5dab9e3017af720"></script>
<script defer src="../js/home/jquery.flexslider.js"></script>
<!--restaurant star-->
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/starScore.js"></script>

<!--login-->
<script src="../js/login/loginView.js"></script>

<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/yummy/login.js"></script>
<script type="text/javascript" src="../js/bmob/bmob.js"></script>

<script type="text/javascript" src="../js/script1.js"></script>

<script src="../js/script.js"></script>
<script src="../js/superfish.js"></script>
<script src="../js/jquery.equalheights.js"></script>
<script src="../js/jquery.mobilemenu.js"></script>
<script src="../js/jquery.easing.1.3.js"></script>
<script src="../js/tmStickUp.js"></script>
<script src="../js/jquery.ui.totop.js"></script>
<script src="../js/touchTouch.jquery.js"></script>
<script src="../js/search/search.js"></script>
<script src="../js/search/jquery.bigautocomplete.js"></script>
<script src="../js/login/bootstrap.min.js"></script>
<script src="../layui/layui.js"></script>
<script src="../js/jquery-migrate-1.1.1.js"></script>

<script>
    $(document).ready(function(){

        $().UItoTop({ easingType: 'easeOutQuart' });
        $('#stuck_container').tmStickUp({});
        $('.gallery .gall_item').touchTouch();

    });
</script>

<script>

    //JavaScript代码区域
    layui.use('element', function(){
        var element = layui.element;

    });

	function show(){
			document.getElementById('signup-modal').style.display = "block";  //显示	
			document.getElementById('login-modal').style.display = "none"; //隐藏	 
	}
	function show2(){
			document.getElementById('forgetform').style.display = "block";  //显示	
			document.getElementById('login-modal').style.display = "none"; //隐藏	 
	}
	function show3(){
			document.getElementById('login-modal').style.display = "block";  //显示	
			document.getElementById('signup-modal').style.display = "none"; //隐藏	 
	}
	function hide(){
			document.getElementById('signup-modal').style.display = "none"; 
			document.getElementById('login-modal').style.display = "none";
			document.getElementById('forgetform').style.display = "none";
			$(".modal-backdrop").remove();
	}
	function signin(){
	   	document.getElementById('signup-modal').style.display = "none"; 
			document.getElementById('login-modal').style.display = "none";
			document.getElementById('forgetform').style.display = "none";
			$(".modal-backdrop").remove();
	}
	function signup(){
	   	document.getElementById('signup-modal').style.display = "none";
			document.getElementById('login-modal').style.display = "block";
			document.getElementById('forgetform').style.display = "none";
	}
     scoreFun($("#startone"))
     scoreFun($("#starttwo"),{
           fen_d:22,//每一个a的宽度
           ScoreGrade:5//a的个数5
         });
     //显示分数
      $(".show_number li p").each(function(index, element) {
        var num=$(this).attr("tip");
        var www=num*2*16;//
        $(this).css("width",www);
				$(this).parent(".atar_Show").siblings("span").text(num+" reviews");
    });
   
	</script>
</body>
</html>

